// 整体背景色
html {
    background-color: #EFEFF4;
}

/*
     首页    
*/
// 头部
.shead,
.head {
    height: 1.1733rem;
    background-color: #5485A2;

    p {
        font-size: 0.49rem;
        font-weight: 500;
        color: #FFFFFF;
    }
}

// 1
.sone,
.one {
    height: 1.17rem;
    position: relative;
    background-color: #ffffff;

    embed {
        width: 0.4rem;
        height: 0.4rem;
        position: absolute;
        left: 0.4rem;
    }

    .one-1 {
        line-height: 1.17rem;
        text-align: center;
        border-left: solid 1px #E5E5E5;
        height: 1.17rem;
        width: 1.5733rem;
        position: relative;

        span {
            display: block;
            width: 0.13rem;
            height: 0.13rem;
            background: #EB004A;
            border-radius: 50%;
            position: absolute;
            left: 1.0967rem;
            bottom: .6967rem;
        }
    }

    input {
        margin-left: .9867rem;
        border: none;
        font-size: 0.4rem;
        font-weight: 500;
        color: #000000;
    }

    img {
        width: 0.63rem;
        height: 0.63rem;
    }
}

// 2  轮播图
section {
    position: relative;

    .lb {
        .lunbo {
            overflow: hidden;

            ul {
                width: 300%;

                li {
                    img {
                        width: 10rem;
                        height: 5.33rem;
                    }
                }
            }

        }

        .dian {
            position: absolute;
            bottom: .1867rem;
            left: 4.6667rem;

            .yuan {
                margin-top: .4rem;

                .on {
                    background-color: #FFFFFF;
                    opacity: 0.8;
                }

                li {
                    width: 0.21rem;
                    height: 0.21rem;
                    background-color: #FFFFFF;
                    margin: 0 .04rem;
                    opacity: 0.3;
                    border-radius: 50%;
                }

            }
        }
    }
}

// 3
.three {
    padding-top: .3733rem;
    background-color: #ffffff;
    padding-bottom: .3467rem;

    ul {

        li {

            text-align: center;

            img {
                margin-bottom: .0533rem;
            }

            p {
                font-size: 0.32rem;
                font-weight: 500;
                color: #444444;
            }
        }
    }
}

// 4
.four {
    margin-top: .2667rem;
    width: 10rem;
    height: 1.07rem;
    background: #FFFFFF;
    position: relative;

    .four-zi {
        font-size: 0.4rem;
        font-weight: 500;
        color: #444444;
        margin: 0 .2933rem;
    }

    .four-tu {
        width: 1.33rem;
        height: .0267rem;
        background: #E5E5E5;
        border-radius: .0267rem;
    }

    .four-yuan1 {
        position: absolute;
        width: .08rem;
        height: .08rem;
        border-radius: 50%;
        background-color: #E5E5E5;
        left: 3.8333rem;
    }

    .four-yuan2 {
        position: absolute;
        width: .08rem;
        height: .08rem;
        border-radius: 50%;
        background-color: #E5E5E5;
        left: 6.0333rem;

    }
}

// 5
.five {
    position: relative;
    margin-bottom: .0667rem;

    p {
        padding: 0 .2667rem;
    }

    .five-xian1 {
        position: absolute;
        width: 0.7067rem;
        height: .0133rem;
        background-color: #999;
        top: 5.0267rem;
        left: 1.5667rem;
    }

    .five-xian2 {
        position: absolute;
        width: 0.7067rem;
        height: .0133rem;
        background-color: #999;
        top: 5.0217rem;
        left: 6.5867rem;
    }



    .five-tu2,
    .five-tu1 {
        width: .8667rem;
    }

    .five-tu1 {
        position: absolute;
        left: 4.1033rem;
    }

    .five-tu2 {
        position: absolute;
        right: 0;
    }

    .five-1 {
        width: 49.9%;
        background-color: #ffffff;
        padding-bottom: .2rem;

        img {
            width: 100%;
            height: 4rem;

        }

        .five-1-1 {
            font-size: .4067rem;
            font-weight: 500;
        }

        .five-1-2 {
            font-size: .2667rem;
            font-weight: 500;
            color: #999;
            margin-left: .1333rem;
        }

    }

    .five-2 {
        width: 49.9%;
        background-color: #ffffff;
        padding-bottom: .2rem;

        img {
            width: 100%;
            height: 4rem;

        }

        .five-2-1 {
            font-size: .4067rem;
            font-weight: 500;
        }

        .five-2-2 {
            font-size: .2667rem;
            font-weight: 500;
            color: #999;
            margin-left: .1333rem;
        }
    }
}

// 底部
.dibu {
    width: 100%;
    height: 1.31rem;
    background: #F8F8F8;
    position: fixed;
    background-color: #fff;
    bottom: -0.0133rem;
    left: -0.0133rem;
    border-top: solid 1px #DDDDDD;

    ul {
        margin-top: .2rem;

        li {
            text-align: center;

            p {
                font-size: 0.27rem;
                font-weight: 500;
                color: #5D616A;
                line-height: 0.37rem;
            }
        }

        .home {
            p {
                color: #45B5ED;
            }

        }





    }
}

// 搜索

.shead {
    position: relative;

    embed {
        position: absolute;
        left: .2667rem;
        width: .64rem;
    }
}

//搜索 1
.sone {

    .one-1 {
        font-size: 0.4rem;
        color: #888888;
    }
}

//搜索 列表
.sthree {
    margin-top: 0.24rem;

    ul {
        li {
            background: #FFFFFF;
            display: flex;
            justify-content: space-between;
            height: 1.17rem;
            line-height: 1.17rem;
            padding: 0 0.4rem;
            margin-bottom: .0267rem;

            embed {
                width: 0.51rem;
            }

            p {
                color: #000000;
                font-size: 0.4rem;
            }
        }
    }

}